<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>淘宝网-淘！我喜欢</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../../node_modules/jQuery/dist/jquery.min.js"></script>

    <!-- swiper -->

    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/index.swipper.css">
</head>

<body>
    <header>
        <div class="container">
            <a href="./index.html">
                <img src="../img/logo3.png" alt="">
            </a>
            <a href="#" class="rt pull-right"><img src="../img/log1.png" alt="">"登录界面改进建议"</a>
        </div>

    </header>
    <main>
        <div class="container clearfix">
            <form action="../../interface/login.php" method="POST">
                <a href="#" class="pull-left">

                </a>
                <div class="pull-right login">
                    <a href="#">
                        <img src="../img/log-por.png" alt=""></a>

                    <div>
                        <a href="javascript:" class="bot pw-login">密码登录</a>
                        <a href="javascript:">短信登录</a>
                    </div>
                    <select id="phone">
                        <option value="0">+86&nbsp;&nbsp;中国大陆 </option>
                        <option value="1">+852&nbsp;&nbsp;中国香港 </option>
                        <option value="0">+853&nbsp;&nbsp;中国澳门 </option>
                        <option value="0">+86&nbsp;&nbsp;中国大陆 </option>
                        <option value="1">+852&nbsp;&nbsp;中国香港 </option>
                        <option value="0">+853&nbsp;&nbsp;中国澳门 </option>
                        <option value="0">+86&nbsp;&nbsp;中国大陆 </option>
                        <option value="1">+852&nbsp;&nbsp;中国香港 </option>
                        <option value="0">+853&nbsp;&nbsp;中国澳门 </option>
                        <option value="0">+86&nbsp;&nbsp;中国大陆 </option>
                        <option value="1">+852&nbsp;&nbsp;中国香港 </option>
                        <option value="0">+853&nbsp;&nbsp;中国澳门 </option>
                    </select>
                    <div class="name">
                        <img src="../img/name.png" alt="">

                        <input type="text" placeholder="会员名/邮箱/手机号" name="username">
                    </div>
                    <div class="pwd">
                        <img src="../img/pwd.png" alt="">
                        <input type="password" placeholder="请输入登录密码" name="password">
                        <span>获取验证码</span>
                    </div>
                    <button class="submit" type="submit">
                        登录
                    </button>
                    <div class="method">
                        <a href="#"><img src="../img/wb.png" alt="">微博登录</a>
                        <a href="#"><img src="../img/zfb.png" alt="">支付宝登录</a>


                    </div>
                    <div class="log-bot clearfix">


                        <a href="./sign.html">免费注册</a>
                        <a href="#">忘记密码</a>
                        <a href="#">忘记用户名</a>
                    </div>
                </div>
            </form>

        </div>

    </main>
    <footer class="container">
        <div class="ft-top">
            <span><a href="#">阿里巴巴集团</a><i>|</i></span>
            <span><a href="#">淘宝网</a><i>|</i></span>
            <span><a href="#">天猫</a><i>|</i></span>
            <span><a href="#">聚划算</a><i>|</i></span>
            <span><a href="#">全球速卖通</a><i>|</i></span>
            <span><a href="#">阿里巴巴国际交易市场</a><i>|</i></span>
            <span><a href="#">1688</a><i>|</i></span>
            <span><a href="#">阿里妈妈</a><i>|</i></span>
            <span><a href="#">飞猪</a><i>|</i></span>
            <span><a href="#">淘小铺</a><i>|</i></span>
            <span><a href="#">阿里云计算</a><i>|</i></span>
            <span><a href="#">Alios</a><i>|</i></span>
            <span><a href="#">阿里通信</a><i>|</i></span>
            <span><a href="#">一淘</a><i>|</i></span>
            <span><a href="#">万网</a><i>|</i></span>
            <span><a href="#">高德</a><i>|</i></span>
            <span><a href="#">UC</a><i>|</i></span>
            <span><a href="#">友盟</a><i>|</i></span>
            <span><a href="#">阿里安全</a><i>|</i></span>
            <span><a href="#">虾米</a><i>|</i></span>
            <span><a href="#">大麦网</a><i>|</i></span>
            <span><a href="#">钉钉</a><i>|</i></span>
            <span><a href="#">支付宝</a><i>|</i></span>
            <span><a href="#">优酷</a><i>|</i></span>
            <span><a href="#">土豆</a><i>|</i></span>
            <span><a href="#">阿里健康</a><i>|</i></span>
            <span><a href="#">阿里影业</a><i>|</i></span>
            <span><a href="#">阿里体育</a><i>|</i></span>
            <span><a href="#">网商银行</a><i>|</i></span>
        </div>
        <div class="ft-mid">
            <p>
                <a href="#">关于淘宝</a>
                <a href="#">合作伙伴</a>
                <a href="#">营销中心</a>
                <a href="#">廉正举报</a>
                <a href="#">联系客服</a>
                <a href="#">开放平台</a>
                <a href="#">诚征英才</a>
                <a href="#">联系我们</a>
                <a href="#">网站地图</a>
                <a href="#">隐私权政策</a>
                <a href="#">法律声明</a>
                <a href="#">知识产权</a>
                <span>|</span>
                <em>© 2003-现在 Taobao.com 版权所有</em>
            </p>
            <p>
                <a href="#">增值电信业务经营许可证：浙B2-20080224</a><span>|</span>
                <a href="#">增值电信业务经营许可证（跨地区）： B2-20150210</a><span>|</span>
                <a href="#">浙网文（2019）1033-086号</a><span>|</span>
                <em class="em1">浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</em>
            </p>
            <p>
                <em class="em2">互联网药品信息服务资格证书（浙）-经营性-2018-0010</em><span>|</span>
                <em class="em2">短消息类服务接入代码使用证书：号【2016】00154-A01</em><span>|</span>
                <em class="em2">信息网络传播视听许可证：1109364号</em><span>|</span>
                <em class="em2">出版物网络交易平台服务经营备案号：新出发浙备字第002号</em>
            </p>
            <p>
                <a href="#" class="f-a">&nbsp;<img src="../img/poli.png" alt="">&nbsp;浙公网安备 33010002000078号 </a><span>|</span>
                <a href="#" class="f-a">浙B2-20080224-1</a><span>|</span>
                <em class="em2">广播电视节目制作经营许可证（浙）字第01012号</em><span>|</span>
                <em class="em2">市场名称登记证：工商网市字3301004120号</em><span>|</span>
                <em class="em2">医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</em><span>|</span>


            </p>
            <div>
                <a href="#"><img src="../img/ftlong.png" alt=""></a>
            </div>
        </div>
    </footer>
</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js "></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js "></script>
<script src="../js/library/index-swiper.js"></script>
<!-- swiper -->
<script src="https://unpkg.com/swiper/swiper-bundle.js">
</script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js">
</script>



<script src="../js/login.js" type="module"></script>

</html>